<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html" charset="utf-8">
		<meta name="viewport"
			content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
		<title>主页面</title>
		<link rel="stylesheet" href="js/layui/css/layui.css" media="all">
		<style>
			* {
				margin: 0;
				padding: 0;
			}

			html,
			body {
				width: 100%;
				height: 100%;
			}

			.main-inter {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				min-height: 100%;
				height: auto;
				/* background-color: #40AFFE; */
			}

			.main-inter div {
				/* width: 80%; */
				/* background-color: #009688; */
				text-align: center;
				margin-top: 100px;
			}

			.main-inter button {
				width: 80%;
				height: 50px;
				line-height: 50px;
			}
		</style>
	</head>
	<body>
		<div class="main-inter">
			<div>
				<button id="net-setting" class="layui-btn layui-btn-normal layui-btn-radius">网络设置</button>
			</div>
			<div>
				<button id="enter-main" class="layui-btn layui-btn-normal layui-btn-radius">进入主页</button>
			</div>
		</div>
		<script src="js/jquery.min.js"></script>
		<script src="js/layui/layui.js"></script>
		<script>
			var layer;
			layui.use('layer', function() {
				layer = layui.layer;
			});


			$("#net-setting").on('click', function() {
				console.log('dddd');
				layer.open({
					type: 1,
					skin: 'layui-layer-rim', //加上边框
					closeBtn: 2,
					title: '网络设置',
					shadeClose: true,
					btn:['保存','关闭'],
					area: ['90%', '240px'], //宽高
					content: '<form class="layui-form"  style="margin-top: 15px;">'+
'			<div class="layui-form-item">'+
'				<label class="layui-form-label">IP地址:</label>'+
'				<div class="layui-input-block">'+
'					<input type="text" name="" placeholder="192.168.1.10" autocomplete="off" class="layui-input">'+
'				</div>'+
'				<label class="layui-form-label">端口:</label>'+
'				<div class="layui-input-block">'+
'					<input type="text" name="" placeholder="8080" autocomplete="off" class="layui-input">'+
'				</div>'+
'			</div>'+
'		</form>'
				});
			});
			
			$("#enter-main").on('click', function() {
				window.location.href="index.html";
			});
			
		</script>
	</body>
</html>
